<template>
  <div class="chat-window flex flex-col h-full">
    <ChatHeader />
    <ChatMessageList class="flex-1" />
    <ChatInput />
  </div>
</template>

<script setup>
import ChatHeader from './ChatHeader.vue'
import ChatMessageList from './ChatMessageList.vue'
import ChatInput from './ChatInput.vue'
</script>

<style scoped>
.chat-window {
  display: flex;
  flex-direction: column;
  height: 100%;
}
</style> 